<template>
	<view class="container">
		<view class="tui-content-box">
			<view class="tui-content">
			<view style="font-weight: bold;">积分说明：积分代表您的虚拟资产</view>
			<p>用户升级规则：</p>
			<p>1.发布聚会增加10积分（每天最多加30分）</p>
			<p>2.发布微信群增加10积分（每天最多加30分）</p>
			<p>3.发表动态增加5积分（每天最多加15分）</p>
			<p>4.评论动态增加5积分（每天最多加15分）</p>
			<p>5.参加聚会每次都加5积分（每天最多加15）</p>
			<p>6.查看用户会员信息加2积分 (每天最多加20)</p>
			</view>
			
			<view class="tui-flex-box">
				<view class="tui-flex" style="font-weight: bold;">
					<view class="tui-center tui-light-blue tui-col-4">名称</view>
					<view class="tui-center tui-light-blue tui-col-4">等级</view>
					<view class="tui-center tui-light-blue tui-col-4">积分范围</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">青铜</view>
					<view class="tui-center tui-light-blue tui-col-4">1-5</view>
					<view class="tui-center tui-light-blue tui-col-4">0-100</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">白银</view>
					<view class="tui-center tui-light-blue tui-col-4">6-10</view>
					<view class="tui-center tui-light-blue tui-col-4">101-200</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">黄金</view>
					<view class="tui-center tui-light-blue tui-col-4">11-20</view>
					<view class="tui-center tui-light-blue tui-col-4">201-400</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">铂金</view>
					<view class="tui-center tui-light-blue tui-col-4">21-40</view>
					<view class="tui-center tui-light-blue tui-col-4">401-800</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">钻石</view>
					<view class="tui-center tui-light-blue tui-col-4">41-80</view>
					<view class="tui-center tui-light-blue tui-col-4">801-1600</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">星耀</view>
					<view class="tui-center tui-light-blue tui-col-4">81-160</view>
					<view class="tui-center tui-light-blue tui-col-4">1601-3200</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">王者</view>
					<view class="tui-center tui-light-blue tui-col-4">161-320</view>
					<view class="tui-center tui-light-blue tui-col-4">3201-6400</view>
				</view>
				<view class="tui-flex">
					<view class="tui-center tui-light-blue tui-col-4">小猪王者</view>
					<view class="tui-center tui-light-blue tui-col-4">320以上</view>
					<view class="tui-center tui-light-blue tui-col-4">6400以上</view>
				</view>
			</view>
			
			<view class="tui-content tui-content-email">积分兑换功能，程序员们正在火速开发，敬请期待！</view>
			<view class="tui-content tui-content-email">最终解释权归『小猪趣聚』</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			content: '加载中...',
			time: '加载中...'
		};
	},
	onLoad(e) {
		if (e.content) {
			this.content = e.content;
		}
		if (e.time) {
			this.time = e.time;
		}
	},
	methods: {}
};
</script>

<style>
@import '../../static/style/thorui.css';
.container {
	padding: 0 50rpx 40rpx 50rpx;
	box-sizing: border-box;
}

.tui-content-box {
	width: 100%;
	margin-top: 10px;
	padding: 30rpx;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10rpx;
	box-shadow: 0 0 10rpx #eee;
}

.tui-content {
	color: #333;
	font-size: 30rpx;
	/* line-height: 44rpx; */
	padding: 10rpx 0;
	text-align: justify;
}

.tui-content-email {
	color: #5677fc !important;
}

.tui-footer {
	display: flex;
	align-items: center;
	padding-top: 30rpx;
}

.tui-applets {
	width: 80px;
	height: 80px;
	display: block;
}

.tui-footer-text {
	font-size: 24rpx;
	color: #999;
	padding-left: 20rpx;
	width: 300rpx;
}
	.tui-flex-box {
		padding: 40upx 0upx;
		box-sizing: border-box;
		font-size: 30upx;
	}
</style>
